<%@ page errorPage="/error.jsp" pageEncoding="UTF-8" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>

<body>
	<article class="container_12">
		
		<section class="grid_6">
			<div class="block-border"><div class="block-content">
				<h1>Tasks list</h1>
				
				<div class="task with-legend">
					<div class="legend"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/status.png" />" width="16" height="16"> Standard task</div>

					
					<div class="task-description">
						<ul class="floating-tags">
							<li class="tag-time">5 days remain.</li>
							<li class="tag-tags">Server, disk</li>
							<li class="tag-user">You, Marc</li>
						</ul>
						
						<h3>Task name</h3>

						Small task description Lorem ipsum
					</div>
					
					<ul class="task-dialog">
						<li class="auto-hide">
							<form name="task-1-comment" method="post" action="" class="form input-with-button">
								<input type="text" name="comment" id="task-1-comment" value="" title="Enter comment...">
								<button type="submit">Add</button>
							</form>
						</li>

					</ul>
				</div>
				
				<div class="task with-legend">
					<div class="legend"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/status-away.png" />" width="16" height="16"> Soon overdue task</div>
					
					<div class="task-description">
						<ul class="floating-tags">
							<li class="tag-time">Today</li>

							<li class="tag-tags">Website</li>
							<li class="tag-user">You</li>
						</ul>
						
						<h3>Task name</h3>
						Small task description Lorem ipsum
					</div>
					
					<ul class="task-dialog">
						<li class="auto-hide">

							<form name="task-1-comment" method="post" action="" class="form input-with-button">
								<input type="text" name="comment" id="task-1-comment" value="" title="Enter comment...">
								<button type="submit">Add</button>
							</form>
						</li>
					</ul>
				</div>
				
				<div class="task with-legend">

					<div class="legend"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/flag.png" />" width="16" height="16"> Overdue task</div>
					
					<div class="task-description">
						<ul class="floating-tags">
							<li class="tag-time">5 days ago</li>
							<li class="tag-user">You</li>
						</ul>
						
						<h3>Task name</h3>

						Small task description Lorem ipsum
					</div>
					
					<ul class="task-dialog">
						<li>
							<strong>Marc:</strong> Don't forget to tell the client <em>- Yesterday</em>
							<ul class="mini-menu">
								<li><a href="javascript:void(0)" title="Send mail"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/mail.png" />" width="16" height="16"></a></li>

								<li><a href="javascript:void(0)" title="Delete comment"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/cross-circle.png" />" width="16" height="16"> Delete</a></li>
							</ul>
						</li>
						<li>
							<strong>John:</strong> I suggest you could ask Dan or Sandy for a little help <em>- 2 hours ago</em>
							<ul class="mini-menu">

								<li><a href="javascript:void(0)" title="Send mail"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/mail.png" />" width="16" height="16"></a></li>
								<li><a href="javascript:void(0)" title="Delete comment"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/cross-circle.png" />" width="16" height="16"> Delete</a></li>
							</ul>
						</li>
						<li class="auto-hide">
							<form name="task-1-comment" method="post" action="" class="form input-with-button">
								<input type="text" name="comment" id="task-1-comment" value="" title="Enter comment...">
								<button type="submit">Add</button>

							</form>
						</li>
					</ul>
				</div>
				
				<ul class="message no-margin">
					<li>3 tasks found</li>
				</ul>
			</div></div>

		</section>
		
		<section class="grid_6">
			<div class="block-border"><div class="block-content">
				<h1>Blocks &amp; mini-blocks lists</h1>
				
				<ul class="blocks-list">
					<li>
						<a href="javascript:void(0)" class="float-left"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/status.png" />" width="16" height="16"> Task name</a>

						<ul class="tags float-right">
							<li class="tag-time">5 days</li>
							<li class="tag-tags">Server</li>
							<li class="tag-user">You</li>
						</ul>
					</li>
					<li>

						<a href="javascript:void(0)" class="float-left"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/status.png" />" width="16" height="16"> Task name</a>
						<ul class="tags float-right">
							<li class="tag-time">5 days</li>
							<li class="tag-user">You</li>
						</ul>
					</li>
					<li>

						<a href="javascript:void(0)" class="float-left"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/status.png" />" width="16" height="16"> Task name</a>
						<ul class="tags float-right">
							<li class="tag-time">5 days</li>
							<li class="tag-tags">Server</li>
						</ul>
					</li>
					<li>

						<a href="javascript:void(0)" class="float-left"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/status.png" />" width="16" height="16"> Task name</a>
						<ul class="tags float-right">
							<li class="tag-time">5 days</li>
							<li class="tag-tags">Server</li>
							<li class="tag-user">You</li>
						</ul>

					</li>
					<li>
						<a href="javascript:void(0)" class="float-left"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/status.png" />" width="16" height="16"> Task name</a>
						<ul class="tags float-right">
							<li class="tag-tags">Server</li>
							<li class="tag-user">You</li>
						</ul>

					</li>
				</ul>
				
				<h2>Mini blocks</h2>
				
				<ul class="mini-blocks-list">
					<li>
						<a href="javascript:void(0)" class="float-left"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/status.png" />" width="16" height="16"> Task name</a>
						<ul class="tags float-right">

							<li class="tag-time">5 days</li>
							<li class="tag-user">You</li>
						</ul>
					</li>
					<li>
						<a href="javascript:void(0)" class="float-left"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/status.png" />" width="16" height="16"> Task name</a>
						<ul class="tags float-right">

							<li class="tag-time">5 days</li>
							<li class="tag-user">You</li>
						</ul>
					</li>
					<li>
						<a href="javascript:void(0)" class="float-left"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/status.png" />" width="16" height="16"> Task name</a>
						<ul class="tags float-right">

							<li class="tag-time">5 days</li>
							<li class="tag-user">You</li>
						</ul>
					</li>
					<li>
						<a href="javascript:void(0)" class="float-left"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/status.png" />" width="16" height="16"> Task name</a>
						<ul class="tags float-right">

							<li class="tag-time">5 days</li>
							<li class="tag-tags">Server</li>
						</ul>
					</li>
					<li>
						<a href="javascript:void(0)" class="float-left"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/status.png" />" width="16" height="16"> Task name</a>
						<ul class="tags float-right">

							<li class="tag-time">5 days</li>
							<li class="tag-user">You</li>
						</ul>
					</li>
					<li>
						<a href="javascript:void(0)" class="float-left"><img src="<spring:url value="/resources/styles/themes/admin/images/icons/fugue/status.png" />" width="16" height="16"> Task name</a>
						<ul class="tags float-right">

							<li class="tag-time">5 days</li>
							<li class="tag-user">You</li>
						</ul>
					</li>
				</ul>
				
				<ul class="message no-margin">
					<li>11 tasks found</li>

				</ul>
			</div></div>
		</section>
		
	</article>
</body>